.battery {
    width          : 30px;
    height         : 13px;
    line-height    : 0;
    position       : relative;
    display        : flex;
    flex-direction : row;
    justify-content: space-between;

    .box {
        border       : 1px solid #333333;
        border-radius: 2px;
        flex         : 1;
        padding      : 1px;
        box-sizing   : border-box;
    }

    .dot {
        width                     : 2px;
        height                    : 6px;
        background                : #333333;
        margin-top                : 4px;
        border-top-right-radius   : 2px;
        border-bottom-right-radius: 2px;
    }

    .percent {
        min-width    : 1px;
        height       : 9px;
        background   : #333333;
        border-radius: 1px;
    }
}